var consultarPartidosNameSpace = null;
$(function() {	
	consultarPartidosNameSpace = $("#consultarPartidosNameSpace").val();	

	var descripcionEvento = $("#"+consultarPartidosNameSpace+"descripcionEvento").val();
	var fechaInicio = $("#"+consultarPartidosNameSpace+"fechaInicio").val();
	var fechaFin = $("#"+consultarPartidosNameSpace+"fechaFin").val();
	var ubicacion = $("#"+consultarPartidosNameSpace+"ubicacion").val();
	var estadio = $("#"+consultarPartidosNameSpace+"estadio").val();
	var filas = $("#"+consultarPartidosNameSpace+"filas").val(); 
	var pagina = $("#"+consultarPartidosNameSpace+"pagina").val();
	var urlListadoPartidos = $("#"+consultarPartidosNameSpace+"urlListadoPartidos").val();
	var listadoPartidos = $("#"+consultarPartidosNameSpace+"listadoPartidos");
	var paginasPartidos = $("#"+consultarPartidosNameSpace+"paginasPartidos");	
	var data = {pagina : pagina,filas : filas,descripcionEvento:descripcionEvento, fechaInicio:fechaInicio, fechaFin : fechaFin, ubicacion:ubicacion, estadio:estadio};
	
	buscarLista(data, urlListadoPartidos , listadoPartidos, paginasPartidos);	
});
function buscarLista(data, urlListadoPartidos , listadoPartidos, paginasPartidos){
	
	$(listadoPartidos).html("");	
	$(paginasPartidos).html("");
	$.ajax({
		dataType : "json",
		url : urlListadoPartidos,
		data : data,
		contentType : 'application/json',
		success : function(response) {
			if(response!=null && response.lst!=null){
				listarResponse(response);
				barraPaginacion(response, data, urlListadoPartidos);
			}else{
				var html ='<p>Lo sentimos, no existen resultados<br> para la busqueda actual</p>';
				$(listadoPartidos).html(html);		
			}			
		}
	});
	
}
function listarResponse(response){
	var html = '';
	var lista = response.lst;
	var listadoPartidos = $("#"+consultarPartidosNameSpace+"listadoPartidos");
	
	if(lista!=null && lista!=undefined){
		$(lista).each( function(i,item) {
//			console.log(item);
			html += '<br><div class="listaPartido">';			
			html += '<fieldset><legend> <b>'+item.titulo+'</b></legend>';
			html += '<p> Fecha del Evento: '+item.fechapartido+' / '+item.fechapartidofin+'</p>';	
			html += '<p> Cantidad de Entradas: '+item.cantidadEntradas + '</p>';	
			html += '<p> Precio por entrada S/'+item.precio +' nuevos Soles</p>';	
			html += ' <input type="hidden" class="idpartido" value="'+item.idPartido+'" > ';	
			html += '</fieldset></div><br>';
		});	
			
		$(listadoPartidos).html(html);	
		$(".listaPartido").mouseover(function(){
			  $(this).css("background-color","#F19A00");
		}).mouseout(function(){
			  $(this).css("background-color","");
		}).click(function(){
			var idpartido = $(this).find(".idpartido").val();
			var urlDetalle = $("#"+consultarPartidosNameSpace+"urlDetalle").val();
			window.location = urlDetalle+"?idpartido="+idpartido;			
		});
	}
}
function barraPaginacion(response, data, urlListadoPartidos){
	var pagina = response.pagina; // pagina actual
	var total = response.total;// total de paginas
	var paginasPartidos = $("#"+consultarPartidosNameSpace+"paginasPartidos");	
	var listadoPartidos = $("#"+consultarPartidosNameSpace+"listadoPartidos");
	var html = '';	
	if(total>0){
			html += '<ul>';
			html += '<li><a href="javascript:void(0);" class="inicio"><<--</a></li>';
			html += '<li><a href="javascript:void(0);" class="retrocede" ><-</a></li>';
//			if(total<5){
				for ( var i = 1; i <= total ; i++) {					
					html += '<li><a href="javascript:void(0);"   class="paginacionclass ';
					if(i == pagina){
						html +='active  ';				
					}			
					html += '"  title="'+i+'" >'+i+'</a></li>';					
				}	
//			}		
			html += '<li><a href="javascript:void(0);" class="avanza" >-></a></li>';
			html += '<li><a href="javascript:void(0);" class="fin" >-->></a></li>';			
			html += '<ul>';			
	}	
	$(paginasPartidos).html(html);
	if(total>1){
		$(".inicio").click( function() {			
			data.pagina = 1;
			buscarLista(data, urlListadoPartidos , listadoPartidos, paginasPartidos);
		});
		if(pagina>1){
			$(".retrocede").click( function() {	
				data.pagina = pagina-1;
				buscarLista(data, urlListadoPartidos , listadoPartidos, paginasPartidos);
			});
		}

		if(total>pagina){
			$(".avanza").click( function() {
				data.pagina = pagina+1;
				buscarLista(data, urlListadoPartidos , listadoPartidos, paginasPartidos);
			});
		}
		
		$(".fin").click( function() {
			data.pagina = total;
			buscarLista(data, urlListadoPartidos , listadoPartidos, paginasPartidos);
		});
		
		$(".paginacionclass").click( function() {
			var paginadestino = $(this).attr("title");		
			data.pagina = paginadestino; 
			buscarLista(data, urlListadoPartidos , listadoPartidos, paginasPartidos);
		});
		
		
	}
}
